
		<div class="right_title"><img class="title_arrow" src="assets/images/title_arrow.png">
			<div class="title_txt">我的招生
			</div>
		</div>
<div class="right_content" id="cwpt" style="padding:5px;">
<!-- 内容区域开始 -->
<table class="table table-striped table-bordered table-hover table-condensed text-center" style="margin:5px;">
	<thead>
	<tr><td>序号</td><td>姓名</td><td>性别</td><td>家长</td><td>家长手机</td><td>报名时间</td><td>班级类型</td><td>毕业学校</td><td>责任教师</td><td>状态</td><td>操作</td></tr>
	</thead>
	<tbody>
  <tr *ngFor="let x of names; let i=index">
    <td style="vertical-align: middle;">{{ x.Id }}</td>
    <td style="vertical-align: middle;">{{ x.name }}</td>
    <td style="vertical-align: middle;">{{ x.xb }}</td>
    <td style="vertical-align: middle;">{{ x.fqxm }}<hr style="margin: 2px;">{{ x.mqxm }}</td>
    <td style="vertical-align: middle;">{{ x.fqsjh }}<hr style="margin: 2px;">{{ x.mqsjh }}</td>
    <td style="vertical-align: middle;">{{ x.bmsj }}</td>
    <td style="vertical-align: middle;">{{ x.bjlx }}</td>
    <td style="vertical-align: middle;">{{ x.byxx }}</td>
    <td style="vertical-align: middle;">{{ x.zrjs }}</td>
    <td style="vertical-align: middle;">{{ x.zt }}</td>

    <td style="vertical-align: middle;"><button  type="button" class="btn btn-info"  data-toggle="modal" data-target="#xsModal" (click)="openModel(x)">查看详细信息</button>
    <button  type="button" class="btn btn-danger" >删除</button> 
    </td>
  </tr>
  </tbody>
</table>
<!-- 内容区域结束 -->
</div>

<!-- 模态框（Modal） -->
<div class="modal fade" id="xsModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<h4 class="modal-title" id="myModalLabel">
					我的招生
				</h4>
			</div>
			<div class="modal-body">
				<div align="center" style="margin:0 25px;">

				<table class="table table-striped table-bordered table-hover text-center">
				 
				</table>
		
		</div>
			</div>
			<div class="modal-footer">
				<button id="qxant" class="btn btn-warning" style="position:absolute;left:16px" data-dismiss="modal">
			取消
		</button>
        
		<button class="btn btn-primary" >
			确认
		</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>


